/*	.main_box{
		width: 100%;
		height: 100%;
		position: relative;
		margin: 0;
		min-width: 1920px;
		min-height: 974px;
		background: url(../assets/list/bg.jpg) no-repeat;
		background-size: 100% 100%;
	}*/
	.nav{
		width: 100%;
		height: 60px;
		position: fixed;
		top: 0;
		width: 100%;
	    min-width: 1920px;
	    background: url(../assets/toolbox_bg.png) no-repeat;
		/*box-shadow: 5px 0px 5px #0c0e12;
		background: linear-gradient(left, rgba(30,49,88,0.8) 0%, rgba(13,23,42,0.9) 100%) ;
		background: -webkit-linear-gradient(left, rgba(30,49,88,0.8), rgba(13,23,42,0.9) 100%) ;
		background: -moz-linear-gradient(left, rgba(30,49,88,0.8) 0%, rgba(13,23,42,0.9) 100%) ;
		background: -ms-linear-gradient(left, rgba(30,49,88,0.8) 0%, rgba(13,23,42,0.9) 100%) ;
		background: -o-linear-gradient(left, rgba(30,49,88,0.8) 0%, rgba(13,23,42,0.9) 100%) ;*/
		z-index: 99;
	}
    .left_logo{
    	width: 15%;
    	height: 100%;
    	float: left;
    }
    .left_logo img{
    	height: 90%;
    	margin-left: 20px;
    }

	.right_user{
		width: 14%;
		height: 100%;
		float: right;
	}
	.map_model_box{
		color: white;
		float: left;
		width: 70px;
		height: 60px;
		line-height: 60px;
		cursor: pointer;
	}
	.center{
	    	width: 60%;
	    	height: 60px;
	    	float: left;
	    	margin-left: 5%;
	    }
	    .center ul{
	    	margin: 0;
	    	padding: 0;
	    	width: 100%;
	    	height: 100%;
	    	/*border: 1px solid white;*/
	    	position: relative;
	    }
	    .center ul li{
	    	list-style-type: none;
	    	/*display: block;*/
	    	height: 60px;
	    	width: 150px;
	    	color: white;
	    	font-size: 18px;
	    	font-weight: 100;
	    	text-align: center;
	    	line-height: 60px;
	    	cursor: pointer;
	    }
	    .active{
	    	width: 150px;
	    	height: 3px;
	    	background-color:#00fcff;
	    	position: absolute;
	    	top:58px;
	    	left: 0px;
	    	-webkit-transition: all 400ms cubic-bezier(0,0,0,1);
			-moz-transition: all 400ms cubic-bezier(0,0,0,1);
			-o-transition: all 400ms cubic-bezier(0,0,0,1);
			-ms-transition: all 400ms cubic-bezier(0,0,0,1);
			transition: all 400ms cubic-bezier(0,0,0,1);
	    }
	   /* .two:hover ~ .active{
		 	left:150px;
		}
		.three:hover ~ .active{
		 	left: 300px;
		}
		.four:hover ~ .active{  
		 	left: 450px;
		}
		.five:hover ~ .active{
			left: 600px;  
		}
		.six:hover ~ .active{
			left: 750px;  
		}
		.one:hover ~ .active{
		 	left: 0px; 
		}*/
		.active_li{
			color: #00FCFF;
			background: url(../assets/historyface/bg_active.png);
		}
		.one{
			position: absolute;
			left: 0;
			top: 0;
		}
		.two{
			position: absolute;
			left: 150px;
			top: 0;
		}
		.three{
			position: absolute;
			left: 300px;
			top: 0;
		}
		.four{
			position: absolute;
			left: 450px;
			top: 0;
		}
		.five{
			position: absolute;
			left: 600px;
			top: 0;
		}
		.six{
			position: absolute;
			left: 750px;
			top: 0;
		}
		.user_box{
			width: 45%;
			height: 100%;
			float: left;
		}
		.user_icon{
			width: 40px;
			height:40px;
			margin-top: 10px;
			float: left;
		}
		.user_icon img{
			width: 100%;
			height: 100%;
		}
		.user_text{
			font-size: 16px;
			font-family: "微软雅黑";
			color: white;
			height: 60px;
			width: 60px;
			line-height: 60px;
			float: left;
			margin-left: 10px;
			text-align: center;
			overflow:hidden;
		}
		.cancellation{
		    font-size: 16px;
			font-family: "微软雅黑";
			color: white;
			height: 60px;
			line-height: 60px;
			float: left;
			margin-left: 20px;
			cursor: pointer;
		}
